 

/* 页面架构 */
.page{ 
	width:100%; 
	min-height: 100%; 
	margin:0 auto; 
}
.body{  
	overflow: auto;
}
.layout{
	width:100%;   
}
.fix-wrap{
	width:100%;
	position: fixed;
	z-index:100;
}
.flex-grow-1{
	width:1%;
	flex-grow: 1;
}
.row-2{
	justify-content: center;
}
.row-2 .item{
	width:48%;
}
.row-3 .item{
	width:33.3%;
}
.row-4 .item{
	width:25%;
}
.row-5 .item{
	width:20%;
}
.h45,
.h45 .fix-wrap{
	height:45px; 
} 
.h90,
.h90 .fix-wrap{
	height:90px;
	z-index: 10000;
	overflow: hidden;
	
}
.h90 .fix-wrap,
.h45 .fix-wrap{
	background: #fff;
}
.price{color:#f00;}
.old-price{margin-right:20rpx;text-decoration: line-through;color:#999;font-size: 24rpx;}

/* 自定义状态栏 */  
.bg-main .fix-wrap{
	background:#f00;
}
.bg-green .fix-wrap{
	background:radial-gradient(circle at left bottom, #5ac592, #7bc6a2, #cae0d6);
}
.bg-white .fix-wrap{
	background:#fff;
}

.header{
	position: relative;  
}
.header .t-btn{
	position: absolute;
	top:0;
	width:44px;
	height:44px;
	text-align: center;
	line-height: 44px;
	font-weight: 500;
	color:#fff;
}
.header .back-btn{	
	left:0;
}
.header .menu-btn{ 
	right:0;	 
}
.header .msg-btn{ 
	right:98rpx;	 
}
.header .msg-btn .splot{
	position: absolute;
	right:12rpx;
	top:17rpx;
	width: 20rpx;
	height: 20rpx;
	background: #fff;
	border-radius: 50%;
}

.menu-wrap{
	display: flex;
	flex-wrap: wrap;
	position: absolute;	
	right:10rpx;
	top:54px;
	z-index: 100;
	width: 96%;
	padding:20rpx 1% 10rpx;
	background: rgba(0,0,0,1);
	border-radius: 18rpx;
}
.menu-wrap .icon-corrow{
	position: absolute;
	top:-20rpx;
	right:20rpx;
	color:#000;	
}
.menu-wrap .item{ 
	width: 25%;
	padding:20rpx 0;
	text-align: center;
}
.menu-wrap .item .text{
	color:#ccc;
	font-size: 30rpx;
}
.menu-wrap .item .icon{
	width: 80rpx; 
	height: 80rpx; 
	margin:0 auto 10rpx;
}
.menu-wrap .item .icon image{
	width: 100%;
	border-radius: 50%;
}

.header .title{ 
	width:45%;
	text-align: center;
	line-height: 44px;
	margin: 0 auto;
	font-size:17px;
	font-weight: 500;
	color:#fff;
}
.area-ctrl{
	display: flex;
	align-items: center; 	
}
.area-ctrl .city-name{
	width: 100rpx;
	font-size: 17px;
}

 
 
.navigation-fix-btn{	 
	width:87px;   
	height:30px;
	margin:0 20rpx;
	background: rgba(255,255,255,.6);
	border: 1px solid #eee;
	border-radius: 36rpx;
	display: flex; 
}
.navigation-fix-btn .line{ 
	width:2px;
	height:15px;
	border-left:1px solid #999;
	margin-top:8px;
	color:#666;
}
.navigation-fix-btn .back-btn,
.navigation-fix-btn .home-btn{
	width:43px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
}
.hide-wrap{
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index: 99;
	background: #fff;
	opacity: 0;
}
.hide-wrap .fix-wrap{  
	height:32px;
	line-height: 32px;
}
.hide-wrap .title{	
	width:50%;
	text-align: center;
	margin:0 auto;	
	font-size:17px;
	font-weight: 500;
	color:#333;
}
 /* 头部 end*/ 
 
/* 底部 */
.footer{
	height:100rpx;
}
.footer .fix-wrap{
	left: 0;
	bottom:0;
	width:100%;
	height:98rpx;
	border-top:2rpx solid #eee;
	background: #fff;
}
.iphoneX .footer{
	padding-bottom:60rpx;
}
.iphoneX .footer .fix-wrap{
	padding-bottom:60rpx;
}
 
/* 底部 end*/ 

/* 主菜单 */
.nav{
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav .logo{
	width:150rpx;
}
.nav .logo image{
	width:100%;
}
.nav .item{
	text-align: center;
	color:#999;
}
.nav .active{
	color:#f00;
}
.nav .item .icon{
	position: relative;
	width:40rpx;
	height:40rpx; 
	margin:8rpx auto 0; 
}
.nav .item .icon .iconfont{
	width:40rpx;
	height:40rpx;
	line-height: 40rpx;
	text-align: center;
}
.nav .item .icon .splot{
	position: absolute;
	right:-10rpx;
	top:-10rpx;
	z-index: 1;
	width:16rpx;
	height:16rpx;
	background: #f00;
	border-radius: 50%;
}
.nav .item .icon .num{
	position: absolute;
	right:-30rpx;
	top:-10rpx;
	z-index: 1;
	min-width:30rpx;
	height:30rpx;
	line-height: 30rpx; 
	background: #f00;
	border-radius:38rpx;
	color:#fff;
	font-size: 28rpx;
}
.nav .item .name{
	font-size: 30rpx; 
}
/* 主菜单 end */ 
 
/* tab */
.scroll-tab{
	white-space: nowrap;
	padding-left:2%; 
}
.scroll-tab .item{
	position: relative;
	display: inline-block;
	margin-right: 20px;
	height: 45px; 
} 
.scroll-tab .item .name{
	line-height: 45px;
	font-size: 30rpx;
	color:#666;
}
.scroll-tab .item .active-line{
	display: none;
	position: absolute;
	bottom:0; 
	left:0;
	width:100%;
	height:8rpx;
	background: #f00;
	border-radius: 36rpx;
}
.scroll-tab .active .name{
	color:#000;
	font-weight: 700;
}
.scroll-tab .active .active-line{
	display: block;
}

.limit-tab{
	display: flex;
}
.limit-tab .item{
	position: relative;
	flex-grow: 1;
	width:1%;
	text-align: center;
}
.limit-tab .item .name{
	line-height: 45px;
	font-size: 32rpx;
	color:#999;
}
.limit-tab .item .active-line{
	display: none;
	position: absolute;
	bottom:0; 
	left:35%;
	width:30%;
	height:8rpx;
	background: #f00;
	border-radius: 36rpx;
}
.limit-tab .active .name{
	color:#333;	
}
.limit-tab .active .name .text{
	font-weight: 700;
}
.limit-tab .active .active-line{
	display: block;
}
/* tab end*/

/* 筛选排序 */
.filter-bar{
	display: flex;
	height: 45px;
}
.filter-bar .item{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	flex-grow: 1;
	width:1%;
	text-align: center;
	color:#333;
	font-size: 32rpx;
}
.filter-bar .active .name{ 
}
.filter-bar .active .iconfont{
	display: inline-block;
	transform: rotate(180deg);
}

.filter-select-page{
	position: fixed; 
	z-index: 201100;
	width:100%;
	background: rgba(0,0,0,.5);
	height:100%;
} 
.filter-select-list{
	max-height: 550rpx;
	background: #fff;
	border-top:1rpx solid #eee;
	overflow-y: scroll;
}
.filter-select-list .item{
	display: flex;
	justify-content: space-between; 
	align-items: center;
	padding-right:20rpx;
	height:90rpx;
	line-height: 90rpx;
	margin-left:20rpx;
	border-bottom:1rpx solid #eee;
}
.filter-select-list .item .val{
	font-size: 32rpx;
	color:#666;
}
.filter-select-list .item switch{
	height:90rpx;
}
.filter-select-list .item .iconfont{
	color:#999;
}
.filter-select-list .item .active{
	color:#09f;
}
/* 筛选排序 end */

/*内容列表*/
.detail-list-wrap{}
.detail-list-wrap .item{
	display: flex; 
	align-items: center;
	padding:25rpx 0 0 20rpx;
}
.detail-list-wrap .item .iconfont{ 
	width:50rpx;
	text-align: center; 
	flex-shrink: 0;
}
.detail-list-wrap .item .label-icon{
	margin-right:20rpx;
	padding-bottom:20rpx;
	color:#09f;
}
.detail-list-wrap .item .icon-corrow{ 
	color:#999;
}
.detail-list-wrap .item .content{
	display: flex;
	justify-content: space-between; 
	align-items: center;
	padding-bottom: 20rpx;
	flex-grow: 2; 
	max-width: 90%;
	border-bottom:2rpx solid #eee;
}
.detail-list-wrap .item:last-child .content{
	border-bottom: none;
}
.detail-list-wrap .item .content .val{
	flex-grow: 2;
	max-width: 90%;
	font-size: 28rpx;
}

.wran-tips{
	background:#ffd9c2;
	padding:20rpx;
	font-size:24rpx;
	color: #ff5500;
}

.pay-type{
	display: flex;
	align-items: center;
} 
.pay-type text{
	font-size: 28rpx;
}
.pay-type image{
	width:40rpx;
	margin-right:5rpx;
}
.select-paytype{
	
}
.select-paytype .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left:20rpx;
	padding:40rpx 20rpx;
	border-bottom:1rpx solid #ddd;
}
.select-paytype .item .check-btn .iconfont{
	color:#999;
}
.select-paytype .item .check-btn .active{
	color:#09f;
}

.group-list{
	margin-bottom:20rpx;
}
.group-list .item{ 
	padding:30rpx 20rpx 30rpx 10rpx;
	margin-bottom:20rpx;
	background: #fff;
	display: flex;
	justify-content: space-between;
}
.group-list .item .edit-btn{
	width:50rpx; 
	text-align: center;
	margin-right:30rpx;
	color:#999
}
.group-list .item .info{
	flex-grow: 2;
	margin-left:10rpx;
}
.group-list .item .info .name{	
	display: flex;
	align-items: center;
	margin-bottom: 20rpx;
	font-size:30rpx;
}
.group-list .item .info .relation{
	margin-left:10rpx;
	padding:0 5rpx;
	background: #45B4CC;
	border-radius: 5rpx;
	color:#fff;
	font-size:24rpx;
}
.group-list .item .info .relation.active{
	background: #ff9600;
}
.group-list .item .info .id_card{
	font-size:28rpx;
	color:#999;
}
.group-list .item .handle-btn{
	display: flex;
	justify-content: flex-start;
	align-items: center; 
} 
.group-list .item .handle-btn .btn{
	width:70rpx;
	text-align: center; 
	color:#999;
}
.group-list .item .handle-btn .active{
	color:#45B4CC;
}

.lay-btn-wrap{
	margin-top:20rpx;
	padding-left:20rpx;
	background: #fff; 
}
.lay-btn-item{
	display: flex; 
	align-items: center;
	justify-content: space-between; 
	padding:0 0; 
}
 .lay-btn-item .icon-label{
	display: flex;
	align-items: center;	
	width:50rpx;
	text-align: center;
	color:#09f; 
}
.lay-btn-item .icon-label image{
	width:38rpx;
}
.lay-btn-item .content{
	display: flex;  
	align-items: center;
	flex-grow: 2;
	width:80%; 
}
.lay-btn-item:last-child .content{
	border-bottom:0 none;
	
}
.lay-btn-item .content .label-name{
	width:200rpx;  
	display: flex; 	font-size:28rpx;	color:#000; 
}
.lay-btn-item .content .label-name image{
	width:100rpx;
}
.lay-btn-item .content .val{ 
	display: flex;
	justify-content: space-between; 
	flex-grow: 2;
	max-width:70%;
	margin-right: 8rpx;
	font-size:28rpx;
	color:#666;  
}
.lay-btn-item .content .val .con-text{
	flex-grow: 2; 
	max-width:80%;
}
.lay-btn-item .content .val .link-text{ 
	color:#666; 
}
.lay-btn-item .content .val .link-text image{
	
}
 
.lay-btn-item .content .right-icon{
	width:50rpx; 
	height: 30rpx;
	display: flex;
	text-align: right;
	align-items: center;    
}
 
.lay-btn-item .content .switch-btn{
	width:100rpx;
	margin: -20rpx 20rpx -20rpx 0;
}

/* 广告 */
.lay-ad{}
.lay-ad image{
	width:100%;
	border-radius: 15rpx;
}
.ad-wrap{  
}
.ad-wrap image{
	width:100%; 
	border-radius: 15rpx;
}
.ad-row-2{
	display: flex;
	justify-content: space-between; 
}
.ad-row-2 .row-item-47{
	width:47%;
}
.ad-row-2 .row-item-51{
	width:51%;
}
.ad-column-2{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ad-column-2 .column-item{  
}
/* 广告 end*/

/* empty 空文本 */
.msg-area{
	display: flex;
	justify-content: center;
	font-size: 24rpx;
}
.msg-area text{
	color:#999;
}
.msg-area navigator{
	color:#09f;
}
/* 空文本 */


/* 图文分类列表 */
.category-list{
	display: flex;
	flex-wrap: wrap;
} 
.category-list .item{
	text-align: center;
	margin: 40rpx 0;
}

.category-list .item .icon{ 
	margin:0 auto 10rpx;
}

.row-3 .item .icon{
	width: 50%;
}
.row-4 .item .icon{
	width: 55%;
}
.category-list .item .icon img{
	width: 100%;
}
.category-list .item .text{
	font-size:32rpx;
}

.search-bar{
	height: 35px;
	padding-top:10px;
}
.search-form{
	display:flex;
	width: 94%;
	height: 70rpx;
	line-height:70rpx;
	margin:0 auto;
	background: #f5f5f5;
	border-radius: 38rpx;
}
.search-form .icon{
	flex-shrink: 0;
	width: 70rpx;
	height:70rpx;
	text-align: center;
	line-height: 70rpx;
	color:#999;
}
.search-form .sc-inp{
	flex-grow: 2;
	height:70rpx;
	line-height:70rpx;
	padding:0 10rpx;
	font-size: 32rpx;
}
.search-form .clear-btn{
	font-size: 46rpx;
	color:#f00;
}
.search-form .sc-icon{
	font-size: 32rpx;
}

/* loading */ 
.loading-icon { 
	display: flex;
	justify-content: center;
	align-items: center;   
	color: #fff;     
	vertical-align: top;
	-webkit-transition: .3s color, .3s border;
	transition: .3s color, .3s border;
}
 
[class*="loader-"] {
	display: inline-block;
	width: 20px;
	height:20px;
	color: #fff;
	vertical-align: middle;
	pointer-events: none;
}
.loader-18 {
	position: relative;
}
.loader-18:before,
.loader-18:after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	border: 2px solid transparent;
	border-bottom-color: currentcolor;
	top: 0;
	left: 0;
	-webkit-animation: 1s loader-18 linear infinite;
	animation: 1s loader-18 linear infinite;
}
.loader-18:before {
	width: 20px;
	height: 20px;
}
.loader-18:after {
	width: 20px;
	height: 20px;
	top: .1em;
	left: .1em;
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}
@-webkit-keyframes loader-18 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loader-18 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.map{
	position: relative;
}
.map .get-local-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 20rpx;
	bottom:20rpx; 
	z-index: 100;
	background: #fff;
	border-radius: 15rpx;
} 
.map .get-local-btn .local-img{
	width: 40rpx;
	height: 40rpx;
	margin:18rpx;
}












